<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <caption>用户列表</caption>
    <tr>
        <th>用户名</th>
        <th>密码</th>
        <th>昵称</th>
    </tr>
</table>
<script>
    let arr=[{username:"mcl",password:321,nickname:"小八"},
        {username: "fht",password: 112,nickname: "lll"},
        {username: "lll",password: 621,nickname: "lll"},];
    let table =document.querySelector("table");
    for (let user of arr) {
        let tr=document.createElement("tr");
        let usernameTd =document.createElement("td");
        let passwordTd =document.createElement("td");
        let nicknameTd =document.createElement("td");
        usernameTd.innerText=user.username;
        passwordTd.innerText=user.password;
        nicknameTd.innerText=user.nickname;
        tr.append(usernameTd,passwordTd,nicknameTd);
        table.append(tr);

    }
</script>
</body>
</html>